<template>
  <view class="page-default">
    <c-nav-bar title="提交成功" type="white" bg-color="rgba(255,255,255,0.6)" />

    <view class="h-full flex flex-col items-center justify-center space-y-1">
      <view class="rounded-lg p-4 text-white">
        <u-image src="/static/images/success.png" bg-color="transparent" height="260rpx" mode="aspectFit" />
      </view>
      <view class="text-#1A2B5C font-bold">
        提交成功
      </view>
      <view class="text-#C5C9D1">
        所填信息已成功提交！
      </view>
      <view class="mx-8 mb-2 w-full">
        <u-button size="default" shape="circle" class="gradient-button mb-8 mt-8" @click="goBack">
          <text class="text-base text-white">
            返回
          </text>
        </u-button>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const goBack = () => {
  uni.navigateBack();
};
</script>

<style lang="scss" scoped>
  .page-default{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background: url('@/static/images/welcome/header-bg.png') no-repeat center top ;
    background-size: 100% 50%;

  }
</style>
